<template>
  <div>
    <!-- <h1>{{msg}}</h1>
    <h2>{{obj.name}}</h2>
    <h3>{{obj.age>18? '成年':'未成年'}}</h3> -->

    <!-- <p>你要买的商品数量:{{ count }}</p>
    <button v-on:click="addFn">增加一个</button>
    <button v-on:click="addCountFn(5)">一次+五个</button> -->

    <!-- <div> -->
    <!-- <p>{{ word }}</p>
    <button @click="jokeBtnFn">点击说笑话</button> -->
    <!-- </div> -->
    <!-- <p>你要买商品的数量: {{ count }}</p>
    <button v-on:click="addFn">增加1个</button>
    <button v-on:click="addCountFn(5)">一次加5件</button>

    <button @click="subFn">减少</button> -->
    <input v-model="test">
  </div>
</template>

<script>
// export default {
//   // ...其他省略
//   data() { // 格式固定, 定义vue数据之处
//     return {  // key相当于变量名
//     count:0
//       }
//     },

//   methods: {
//     addFn() {
//       // this代表export default后面的组件对象(下属有data里return出来的属性)
//       this.count++;
//     },
//     addCountFn(num) {
//       this.count += num;
//     },
//     subFn() {
//       this.count--;
//     },
//   },
// };
 new Vue({
    el: '#app',
    data: {
      test: '这是一个测试'
    }
  });
</script>

<style>
</style>